<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
    <title>Scheda Evento</title>
	<meta name="author" content="Morris Antonello" />
	<meta http-equiv="Content-Script-Type" content="text/javascript"/>
	<!--link rel="shortcut icon" href="css/images/favicon.ico" /-->
	<link rel="stylesheet" href="css/style_global.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/style_schedafilm.css" type="text/css" media="all" />
	<script type="text/javascript" src="jQuery/jquery-1.9.1.min.js"></script>
</head>
<body>

	<div id="wrapper">
        <h1 id="logo"><a href="index.jsp" title="Hesperia.com" ></a></h1>
        <!-- MENU -->
		<jsp:include page="login_menu.jsp"/>
		<jsp:include page="nav_menu.jsp"/>
        <!-- End MENU -->
        <div class="shell">
            <!-- Main -->
            <div id="main">
                <!-- Box-Holder-->
                <div class="box-holder">
	                <div class="box-top"></div>
	                <div class="box">
	
						<div id="movie_dinamico"></div>
						
						<hr></hr> <!-- linea separatoria -->
						
						<div class="blog">
							
							<h3>COMMENTI</h3>
							
							<div id="messaggioPerUtente"></div>
							
							<!-- per inviare i commenti al db -->
							<div id="inviaMessaggio">
								<form action="" id="formInvioMessaggio" method="post"> <!--action="/ICineasti-1.00/invia-messaggio"-->
									
									<label for="text">Che ne pensi?</label>
									
									<textarea id="text" name="text" rows="2" cols="100">Lascia un messaggio...</textarea>
									
									<!--input id="codiceEventoInput" type="hidden" name="codiceEvento" value=""/-->	
									<!--input id="idUtenteInput" type="hidden" name="id_utente" value=""/-->			
									<input id="inviaMessaggioSubmit" class="pulsante" type="submit" value="Invia" disabled="disabled" onclick="return false"/>
								
								</form>
							</div>
				
							<div id="commento_dinamico"></div>
							
						</div>
					</div>
				<div class="box-bottom"></div>
				<!-- End Box-Holder -->
			</div>
			<!-- End Main -->
		</div>
		<!-- Footer -->
		<jsp:include page="footer.html"/>
		<!-- end Footer -->
    </div>
    </div>	
	
	<script type="text/javascript">
		
		var codiceevento = <%=request.getParameter("codiceEvento")%>;
		var idutente = <%=session.getAttribute("id_utente")%>;
		// alert(codiceEvento);
		
		//alert("<%=session.getAttribute("id_utente")%>");
		
		// verifica che l'utente sia connesso
		function checkUtenteConnesso() {
			if (idutente == null) {
				//alert('non sei loggato');
				document.getElementById("messaggioPerUtente").style.display="block";
				document.getElementById("inviaMessaggioSubmit").disabled = true;
				var content = 'Non hai effettuato l\'accesso!';
				$('#messaggioPerUtente').html('' + content);
				return false;
			} else {
				document.getElementById("messaggioPerUtente").style.display="none";
				document.getElementById("inviaMessaggioSubmit").disabled = false;
				return true;
			}
		}
		
		// verifica se l'utente invia un messaggio vuoto
		function checkLunghezzaMinimaCommento() {
			var lunghezzaminima = 1;
			// alert(document.getElementById('text').value);
			if (document.getElementById('text').value.length >= lunghezzaminima) {
				return true;
			} else {
				return false;
			}
		}
		
		$(document).ready(function() {
			
			// verifica che l'utente sia connesso
			checkUtenteConnesso();
			
			$('#movie_dinamico').html('Caricamento della scheda dell\'evento...');
			
			// caricamento della scheda dell'evento
			$.get('../get-evento', {codiceEvento:codiceevento})
			.done(function(res) {
				//alert("Response: " + res);
				var f = "function getDescrittoreEvento(){ " + res + " }";
				eval(f);
				var descrittoreEvento = getDescrittoreEvento();
				var content = "";
				if (descrittoreEvento[12]) { // Film 
					content +=	"<div class=\"descrittoreEvento\" id=\"" + descrittoreEvento[0] +"\">" +
									"<h2 class=\"titolo\">" + descrittoreEvento[2] + "</h2>" +
									"<div class=\"multimedia\">" +
										"<img class=\"locandina\" src=\"../image?id=" + descrittoreEvento[0] + "\" alt=\"Locandina " + descrittoreEvento[2] + "\"/>" +
										"<div class=\"trailer\">" +
											"<iframe width=\"533\" height=\"300\" src=\"" + descrittoreEvento[10] + "\" frameborder=\"0\" allowfullscreen></iframe>" +
										"</div>" +	
									"</div>" +
									"<p class=\"cast\">CAST: "  + descrittoreEvento[9] +  "</p>" +
									"<p class=\"trama\">TRAMA: " + descrittoreEvento[6] + "</p>" +
									"<div class=\"acquistaoprenota\"><a href=\"prenotazione.jsp\">ACQUISTA/PRENOTA SUBITO!</a></div>" +
								"</div>";
				} else { // Evento
					content +=	"<div class=\"descrittoreEvento\" id=\"" + descrittoreEvento[0] +"\">" +
									"<h2 class=\"titolo\">" + descrittoreEvento[2] + "</h2>" +
									"<img class=\"locandina\" src=\"../image?id=" + descrittoreEvento[0] + "\" alt=\"Locandina " + descrittoreEvento[2] + "\"/>" +
									"<p class=\"descrizione\">Descrizione: " + descrittoreEvento[3] + "</p>" +
									"<div class=\"acquistaoprenota\"><a href=\"prenotazione.jsp\">ACQUISTA/PRENOTA SUBITO!</a></div>" +
								"</div>";
				}
				//alert(content);
				$('#movie_dinamico').html('' + content);
			});
		});
		
		// caricamento dei commenti dal db 
		//alert("prima del get-messaggi");
		$.get('../get-messaggi', {codiceEvento:codiceevento}, function(commento_dinamico) {
			t = new Date().getTime(); // altrimenti cache del browser e non si caricano i commenti
			$('#commento_dinamico').html(commento_dinamico);
		});
		
		//autoespansione verticale della textarea
		$("textarea").keyup(function(e) {
			while($(this).outerHeight() < this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth"))) {
				$(this).height($(this).height()+1);
			};
		});
		
		$("#inviaMessaggioSubmit").click(function() {
			
			if (checkUtenteConnesso() && checkLunghezzaMinimaCommento()) {
				//alert('preinviomessaggiodopocheck');
				//alert(document.getElementById('text').value+document.getElementById('codiceEventoInput').value+document.getElementById('idUtenteInput').value);
				
				$('#commento_dinamico').html('Aggiornamento dei commenti...');
				
				$.post('../invia-messaggio', {
											text: document.getElementById('text').value, 
											codiceEvento: codiceevento, //  document.getElementById('codiceEventoInput').value
											id_utente: idutente // document.getElementById('idUtenteInput').value 
											}, 
											function(response) {
												
												//alert(response);
												
												if (response != './login.jsp') {
												
													$.get('../get-messaggi', {codiceEvento:response}, function(commento_dinamico) {
														t = new Date().getTime(); // per la cache del browser
														$('#commento_dinamico').html(commento_dinamico);
													});
												
												} else { // redirige alla pagina di login se il controllo lato server sull'utente fallisce
												
													window.location.href = response;
												
												}
											
				
				});
				
			} else {
				
				alert('Non sono ammessi messaggi vuoti!');
			}	
		
		});
		
	</script>
	
</body>
</html>